<template>
    <div class="information-container">
        <CBanner/>
        <Info :screenFlag="screenFlag"/>
    </div>
</template>
  

<script setup>
import CBanner from '@/views/college/component/banner/index.vue'
import Info from '@/views/college/component/info/index.vue'
const screenFlag = ref(window.innerWidth<=768);

// 监听窗口大小变化
const addEvent = () =>{
  window.addEventListener('resize', function() {
        screenFlag.value = window.innerWidth <=768;
    });
}

//挂载
onMounted(() => {
    addEvent()
})
</script>

<style scoped lang="less">
@import './index.less';
</style>